<template>
  <div class="down-attach">
    <div class="part-title">作品素材</div>
    <div class="attach">
      <div class="attach-item">{{ mater.filename }}.{{ mater.ext }}</div>
      <!-- <div class="attach-item">粒子光效.aep</div> -->
    </div>
  </div>
</template>

<script>
  export default {
    props: {
      mater: {
        type: Object,
      },
    },
    methods: {},
  };
</script>

<style lang="less">
  .down-attach {
    margin-bottom: 4rem;
    .attach {
      display: flex;
      .attach-item {
        font-size: 2.4rem;
        color: #5dd170;
        height: 4.6rem;
        line-height: 4.6rem;
        background-color: #1b1b1b;
        border-radius: 2.3rem;
        padding: 0 2rem 0 6rem;
        margin-right: 1.3rem;
        background-position: 2rem center;
        background-repeat: no-repeat;
        background-size: 2.2rem;
        background-image: url('../../assets/images/icon-attach.png');
      }
    }
  }
</style>
